/* 浪漫商务版 */
.ba-myfirst{
	-webkit-animation: myfirst 2s;
}
.ba-mysecond{
	-webkit-animation: ba_mysecond 2s;
}
.yezi-myfirst{
	-webkit-animation: yezi-myfirst 2s;
}
.hua_piao{
	-webkit-animation: 	hua_piao 4s;
}
.hua_yumao{
	-webkit-animation: 	hua_yumao 3s;
}
.my_yumao{
	-webkit-animation: 	my_yumao 3s 0s;

}
.my_time{
	-webkit-animation: 	my_time 4s 0s;
}
.my_zhubiaotiCon{
	-webkit-animation: 	my_zhubiaotiCon 3s 0s;
}
.my_zhubiaotiConNearwxj{
	-webkit-animation: 	my_zhubiaotiConNearwxj 3s 0s;
}
.my_zhiwen{
	-webkit-animation: 	my_zhiwen 3s 1s;

}
.my_xiaohua{
	-webkit-animation: 	my_xiaohua 5s 0s;
}
@keyframes myfirst {
	from {
		-webkit-transform: scale(0.3)
	}
	to {
		-webkit-transform: scale(1)
	}
}

@keyframes ba_mysecond {
	from {
		-webkit-transform: translate(-100px, 0);
		-webkit-transform: rotate(-90deg);

	}
	to {
		-webkit-transform: translate(100px, 0);
		-webkit-transform: rotate(0);
	}
}
@keyframes yezi-myfirst{
	from {
		-webkit-transform: scale(0.3);
		transform: translateX(-100px);
		opacity: 0
	}
	to {
		-webkit-transform: scale(1);
		transform: translateX(0);
		opacity: 1;
	}
}
@keyframes hua_piao{
	from {
		transform: translate(-400px, -500px)  rotate(720deg);
		opacity: 0
	}
	to {
		-webkit-transform: scale(1);
		transform: translate(0, 0) rotate(0);
		opacity: 1;
	}
}
@keyframes hua_yumao{
	from {
		transform: translate(-200px, -500px)  rotate(1440deg);
		opacity: 0
	}
	to {
		transform: translate(0, 0) rotate(0);
		opacity: 1;
	}
}

@keyframes my_yumao{
	from {
		transform: translate(400px, -500px);
		opacity: 0
	}
	to {
		-webkit-transform: scale(1);
		transform: translate(0, 0) rotate(0);
		opacity: 1;
	}
}

@keyframes my_time{
	from {
		transform: rotateX(360deg);
		-webkit-transform: rotateY(360deg);

		opacity: 0
	}
	to {
		-webkit-transform: scale(1);
		transform: rotateX(0);
		-webkit-transform: rotateY(0);
		opacity: 1;
	}
}
@keyframes my_zhubiaotiCon{
	from {
		transform: translate(-100%, 0);
		-webkit-transform: translate(-100%, 0);
		opacity: 0
	}
	to {
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		opacity: 1;
	}
}
@keyframes my_zhubiaotiConNearwxj{
	from {
		transform: translate(100%, 0);
		-webkit-transform: translate(100%, 0);
		opacity: 0
	}
	to {
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		opacity: 1;
	}
}

@keyframes my_zhiwen{
	0% {
		transform: scale(0);
		-webkit-transform: scale(0);
		opacity: 0
	}
	50% {
		transform: scale(1.5);
		-webkit-transform: scale(1.5);
		opacity: .75;
	}
	100%{
		transform: scale(1);
		-webkit-transform: scale(1);
		opacity: 1;
	}
}
@keyframes my_xiaohua{
	0% {
		transform:  rotate(360deg) translate(400px, -500px);
		-webkit-transform:  rotate(360deg) translate(400px, -500px);
		opacity: 0;
		z-index: 3;
	}
	50%{
		z-index: 2;
	}
	100%{
		transform:  rotate(0) translate(0, 0);
		-webkit-transform:  rotate(0) translate(0, 0);
		opacity: 1;
		
	}
}
/* 女性商务版 */
.mysecond{
	-webkit-animation: 	mysecond 3s 0s;
	animation: mysecond 3s 0s;
}
@keyframes mysecond {
	from {
		-webkit-transform:  translate(-100%, 0) scale(0) rotate(0);
	}
	to {
		-webkit-transform: translate(0, 0) scale(1) rotate(720deg);
	}
}
.xioahuahua{
	-webkit-animation: 	xioahuahua 3s 0s;
	animation: xioahuahua 3s 0s;
}
@keyframes xioahuahua {
	from {
		-webkit-transform:  translate(50%, 0) rotate(0);
	}
	to {
		-webkit-transform: translate(0, 0) rotate(360deg);
	}
}
.my_jinfen{
	animation: myjinfen 3s 0s;
	-webkit-animation: myjinfen 3s 0s;
}
@keyframes myjinfen {
	0% {
		transform: scale(3);
		-webkit-transform: scale(3);
	}
	100% {
		transform: scale(4);
		-webkit-transform: scale(4);
	}
}
.my_business_invitation{
	animation: my_business_invitation 3s;
}
@keyframes my_business_invitation{
	from {
		-webkit-transform:  translate(-100%, 0) scale(0) rotate(0);
	}
	to {
		-webkit-transform: translate(0, 0) scale(1) rotate(360deg);
	}
}